<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源码登录</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>

    <div class="content clearfix">
        <!-- 左边图片 -->
        <div class="content-left fl">
            <img src="../imgs/login-bg.png" alt="">
        </div>
        <!-- 右边登录 -->
        <div class="content-right fl">
            <div class="login-main">
                <div class="logobox">
                    <a href="home.html">
                        <img src="../imgs/loginlogo.png" alt="">
                    </a>
                   
                </div>
                <!-- 选项卡 -->
                <div class="tab">
                    <!-- 头部 -->
                    <ul class="tab-top clearfix">
                        <li class="fl top-item active">账号登录</li>
                        <li class="fl line"></li>
                        <li class="fl top-item">扫码登录</li>
                    </ul>
                    <div class="tab-content">
                        <div class="con-item on">
                            <form action="#" class="login-form">
                                <!-- 用户名 -->
                                <div class="user-info user-name">

                                    <input class="name-inp" id="userName" name="username" type="text"
                                        placeholder="用户名/手机号/邮箱">
                                    <img id="clearUserName" src="../imgs/clearInput.png" alt="清除">
                                    <span id="userMsg"></span>
                                </div>
                                <!-- 密码 -->
                                <div class="modal-psd pr">
                                    <div class="psd-img"></div>
                                    <input class="psd-inp" id="passWord" type="password" placeholder="密码">
                                    <span id="pwdMsg"></span>
                                </div>
                                <!-- 忘记密码 -->
                                <div class="forget clearfix">
                                    <a href="#" class="fr">忘记密码</a>
                                </div>
                                <input type="button" value="登录" id="loginBtn" class="login-btn">
                                <p class="have">
                                    还没有源码账号，
                                    <a href="./register.html">立即注册</a>
                                    <span></span>
                                </p>
                            </form>
                        </div>
                        <!-- 扫码登录 -->
                        <div class="con-item">
                            <div class="item-content">

                                <img src="../imgs/showqrcode.jpg" alt="">

                                <p>微信扫码登录</p>
                                <p>未关注源码科技公众号，请先关注后再登录</p>
                            </div>
                            <p class="have">
                                还没有源码账号，
                                <a href="./register.html">立即注册</a>
                                <span></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../lib/tab.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>